<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>功课详情</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <div class="lessons-detail">
        <!-- 顶部 -->
        <div class="top lessons-top">
            <h4>普门品<a href=""><span class="iconfont">&#xe60e;</span></a></h4>  
        </div>
        
        <!-- 功课遍数 -->
        <ul class="lesson-pass clearfix">
            <li>
                <h4>今日（遍）</h4>
                <p>0</p>
            </li>
            <li>
                <h4>累计（遍）</h4>
                <p>0</p>
            </li>
            <li>
                <h4>目标108遍</h4>
                <p>0</p>
            </li>
        </ul>

        <!-- 功课导航 -->
        <div class="lesson-nav clearfix">
            <a href="" class="active">
                <div class="iconfont">&#xe60b;</div>
                经文
            </a>
            <a href="" class="">
                <div class="iconfont">&#xe6e0;</div>
                回向文
            </a>
            <a href="" class="">
                <div class="iconfont">&#xe610;</div>
                历史
            </a>
            <a href="" class="">
                <div class="iconfont">&#xe651;</div>
                设置   
            </a>
        </div>
        
        <!-- 功课详情 -->
        <div class="lesson-intr">
            <h4>功课介绍</h4>
            <p>为诸众生初无利益，是名大慈；</p>
            <p>为诸众生初无利益，是名大慈；</p>
            <p>为诸众生初无利益，是名大慈；</p>
            <p>为诸众生初无利益，是名大慈；</p>
        </div>

        <!-- 功课开始 -->
        <div class="lesson-start">
            <a href="">
               开始修行
            </a>
        </div>
    </div>
    
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>

</body>
</html>
